.H-Table{
  margin-left: 10px;
  margin-right: 10px;
}

.H-Table-Edit{
  margin-right: 20px;
}


.H-room-status-booked{
  background:red!important;
  color:white;
}

.H-room-status-lock{
  background:black!important;
  color:white;
}

.H-room-status-readly{
  background:green!important;
  color:white;
}

.H-room-status-undefined{
  background:#e8e8e8!important;
}


.H-room-handle-content{




  .t-grid-item{
    background-color: #fff!important;
    margin-bottom: 10px;

    .H-left{
      width: 100%;
    }

    .H-right{
      width: 100%;
      .H-datetime{
        height: auto;
        overflow: hidden;
        zoom: 1;
        line-height: 32px;

      }
      .H-abstract{
        background-color: #d2e2ff !important;
        color: #000;
      }

      .b-col-12{
        span:last-child{
          float: right;
        }
      }
      .subtotal{
        background-color: #f6f6f6!important;
      }

      .especially{
        span:first-child{
          padding-left: 10px;
        }
      }

      .total{
        background-color: #ddd!important;
      }
    }

    .H-abstract{
      padding-left:  15px!important;
      background-color: #38adff!important;
      color: #fff;

      h2{
        font-weight: 700;
        font-size: 18px;
      }
    }

    .b-col-12{
      text-align: left;
      padding-left: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-right: 30px;
    }
  }

}

.H-room-handle-guest{
  .t-group-list-item{
    width: 100%!important;

  }
  margin-bottom: 10px;
}

.H-Scroller{
  height:500px;
  overflow-y: scroll;
}

.H-from-radio{
  .t-FB1{
    width:200px!important;
  }
}

